<script setup>
/*
provide与inject
vue2
  provide(){
    return {
      属性名:值
    }
  } 
  inject:{
    新属性名:{
      type:类型,
      from:'属性名'
    }
  }

vue3

传：
   导入： import {provide} from 'vue'
   传：
      provide('属性名',值)
收
   导入 import {inject} from 'vue'
   收
     const 变量名=inject('属性名',不传时使用的默认值)
*/
import { provide, ref } from 'vue'
import HmSon2 from './components/HmSon2.vue'
const num = ref(0)
provide('toSon', num)
</script>

<template>
  <div class="-page">
    <h1>我是高阶组件</h1>
    <h2>{{ num }}</h2>
    <button @click="num++">修改num</button>
    <hr />
    <HmSon2></HmSon2>
  </div>
</template>

<style lang="scss" scoped></style>
